initEditor() //初始化  富文本编译器

const form = layui.form

let file = ''


$('.select').on('click', function () {
    $('#file').click()
})





// ================监听input change事件==================
$('#file').on('change', function (e) {

    // if(e.target.files.length === 0) return

    file = e.target.files[0]
    // 建立临时预览  window.URL.createObjectURL
    const url = window.URL.createObjectURL(file)
    // url赋值给予
    $('#image').prop('src', url)
})


// 获取选项卡数据
function getCate() {
    axios({
        method: 'get',
        url: 'http://api-breakingnews-web.itheima.net/my/article/cates',
        headers: {
            'Authorization': localStorage.getItem('token'),
        }
    }).then((res) => {
        // console.log(res)
        if (res.data.status === 0) {
            //  $('tbody').empty()
            res.data.data.forEach((obj, index) => {
                const theOp = `<option value="${obj.Id}" lay-verify="cate">${obj.name}</option>`

                $('select[name="cate_id"]').append(theOp)

                //  经典框架没有双向绑定  需要手动渲染
                const form = layui.form

                // 查看文档
                form.render('select', 'edit')
            });
        }
    })

}

getCate()



// post    /my/article/edit

// ======================给当前form表单进行submit提交======================

$('form').on('submit', function (e) {
    // 阻止默认事件 阻止跳转
    e.preventDefault()
    if (!file) return layer.msg('请选择图片')
    //依据后台所需要的类型 
    const fd = new FormData($('form')[0])

    // 获取富文本的内容   唯一获取的方法tinyMCE.activeEditor.getContent()
    const htmlStr = tinyMCE.activeEditor.getContent();

    // 重新设置htmlstr的值
    fd.set('content', htmlStr)

    // 获取照片blob进制图片
    fd.append('cover_img', file)

    // fd.forEach((v, i) => {
    //     console.log(v)
    //     console.log(i)


    // 发送数据请求
    axios({
        method: 'post',
        url: 'http://api-breakingnews-web.itheima.net/my/article/add',
        data: fd,
        headers: {
            'Authorization': localStorage.getItem('token'),
        }
    }).then((res) => {
        // console.log(res)


        if (res.data.status === 0) {

            setTimeout(function () {

                // 跳转到文章列表
                location.href = '../../article/list/list.html'

                // window.parent.addClass()
                window.parent.$('#wzlist a').click() //主动触发事件
            }, 1000)
        }
    })
})






//====================== 验证条件=========================
form.verify({
    articleTitle: [
        /^[\u4E00-\u9FA5a-zA-Z0-9_-]+$/,
        "标题只能是中英文, 数字下划线中划线组成"
    ],
    // 分类判断
    cate: function () {
        return $("select[name=cate_id]").val().length == 0 && "请选择文章类别"
    }
})